<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="utf-8">
  

  
  <title>springboot_web开发入门 | 工作参考、思考及总结</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="description" content="SpringBoot WEB开发入门 面向对象： 没有接触过Web开发的初级开发者。 课时：     2课时  课程大纲 WEB 开发基础 HTTP协议、Web服务器 HTML、CSS、Javascript 数据库   Java Web开发概述 使用Servlet 开发 使用SpringMVC开发   SpringBoot入门 概述 系统要求 安装SpringBoot 第一个SpringBoot">
<meta name="keywords" content="springboot,web开发">
<meta property="og:type" content="article">
<meta property="og:title" content="springboot_web开发入门">
<meta property="og:url" content="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/index.html">
<meta property="og:site_name" content="工作参考、思考及总结">
<meta property="og:description" content="SpringBoot WEB开发入门 面向对象： 没有接触过Web开发的初级开发者。 课时：     2课时  课程大纲 WEB 开发基础 HTTP协议、Web服务器 HTML、CSS、Javascript 数据库   Java Web开发概述 使用Servlet 开发 使用SpringMVC开发   SpringBoot入门 概述 系统要求 安装SpringBoot 第一个SpringBoot">
<meta property="og:locale" content="zh-CN">
<meta property="og:image" content="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/http_desc.png">
<meta property="og:image" content="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/html_desc.png">
<meta property="og:image" content="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/database_sql.png">
<meta property="og:image" content="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/spring_desc.jpg">
<meta property="og:image" content="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/spring_desc2.jpg">
<meta property="og:image" content="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/mvc_desc.jpg">
<meta property="og:updated_time" content="2018-12-08T05:01:57.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="springboot_web开发入门">
<meta name="twitter:description" content="SpringBoot WEB开发入门 面向对象： 没有接触过Web开发的初级开发者。 课时：     2课时  课程大纲 WEB 开发基础 HTTP协议、Web服务器 HTML、CSS、Javascript 数据库   Java Web开发概述 使用Servlet 开发 使用SpringMVC开发   SpringBoot入门 概述 系统要求 安装SpringBoot 第一个SpringBoot">
<meta name="twitter:image" content="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/http_desc.png">
  
    <link rel="alternate" href="/atom.xml" title="工作参考、思考及总结" type="application/atom+xml">
  
  
    <link rel="icon" href="/favicon.png">
  
  
    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
  
  <link rel="stylesheet" href="/css/style.css">
</head>
</html>
<body>
  <div id="container">
    <div id="wrap">
      <header id="header">
  <div id="banner"></div>
  <div id="header-outer" class="outer">
    <div id="header-title" class="inner">
      <h1 id="logo-wrap">
        <a href="/" id="logo">工作参考、思考及总结</a>
      </h1>
      
    </div>
    <div id="header-inner" class="inner">
      <nav id="main-nav">
        <a id="main-nav-toggle" class="nav-icon"></a>
        
          <a class="main-nav-link" href="/">Home</a>
        
          <a class="main-nav-link" href="/archives">Archives</a>
        
      </nav>
      <nav id="sub-nav">
        
          <a id="nav-rss-link" class="nav-icon" href="/atom.xml" title="RSS Feed"></a>
        
        <a id="nav-search-btn" class="nav-icon" title="搜索"></a>
      </nav>
      <div id="search-form-wrap">
        <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="Search"><button type="submit" class="search-form-submit">&#xF002;</button><input type="hidden" name="sitesearch" value="http://flyleave.gitee.com"></form>
      </div>
    </div>
  </div>
</header>
      <div class="outer">
        <section id="main"><article id="post-springboot-web开发入门" class="article article-type-post" itemscope itemprop="blogPost">
  <div class="article-meta">
    <a href="/2018/12/06/springboot-web开发入门/" class="article-date">
  <time datetime="2018-12-06T11:31:09.000Z" itemprop="datePublished">2018-12-06</time>
</a>
    
  </div>
  <div class="article-inner">
    
    
      <header class="article-header">
        
  
    <h1 class="article-title" itemprop="name">
      springboot_web开发入门
    </h1>
  

      </header>
    
    <div class="article-entry" itemprop="articleBody">
      
        <h1 id="SpringBoot-WEB开发入门"><a href="#SpringBoot-WEB开发入门" class="headerlink" title="SpringBoot WEB开发入门"></a>SpringBoot WEB开发入门</h1><ul>
<li>面向对象： 没有接触过Web开发的初级开发者。</li>
<li>课时：     2课时</li>
</ul>
<h2 id="课程大纲"><a href="#课程大纲" class="headerlink" title="课程大纲"></a>课程大纲</h2><ul>
<li>WEB 开发基础<ul>
<li>HTTP协议、Web服务器</li>
<li>HTML、CSS、Javascript</li>
<li>数据库</li>
</ul>
</li>
<li>Java Web开发概述<ul>
<li>使用Servlet 开发</li>
<li>使用SpringMVC开发</li>
</ul>
</li>
<li>SpringBoot入门<ul>
<li>概述</li>
<li>系统要求</li>
<li>安装SpringBoot</li>
<li>第一个SpringBoot 程序</li>
</ul>
</li>
<li>SpringBoot 特性说明<ul>
<li>外部配置文件</li>
<li>日志记录</li>
<li>内置应用服务器：tomcat、Jetty等</li>
<li>与数据库交互： SQL and NoSQL</li>
<li>缓存：redis</li>
<li>定期执行</li>
<li>应用构建及部署</li>
</ul>
</li>
<li>SpringBoot 实例讲解<ul>
<li>临港实验室订单系统</li>
<li>临港实验室WMS系统</li>
</ul>
</li>
</ul>
<h2 id="WEB-开发基础"><a href="#WEB-开发基础" class="headerlink" title="WEB 开发基础"></a>WEB 开发基础</h2><p>简要说明当你访问一个WEB应用的时候发生了什么，在你的浏览器和服务器之间发生了什么，以及服务器内部又是如何处理的。</p>
<h3 id="HTTP协议、Web服务器"><a href="#HTTP协议、Web服务器" class="headerlink" title="HTTP协议、Web服务器"></a>HTTP协议、Web服务器</h3><p>访问一个Web应用时，浏览器和服务器之间通过Http协议进行网络通信。<br><img src="/2018/12/06/springboot-web开发入门/http_desc.png" title="http协议介绍"></p>
<p>Web服务器是可以向发出请求的浏览器提供文档的程序。</p>
<ol>
<li>服务器是一种被动程序：只有当Internet上运行其他计算机中的浏览器发出的请求时，服务器才会响应。</li>
<li>最常用的Web服务器有：Nginx、Apache、IIS等</li>
<li>WEB服务器一般只能响应静态结果，如果需要与数据库交互返回动态结果、需要处理一些业务逻辑时，则需要使用应用服务器，如tomcat、jetty等</li>
</ol>
<h3 id="HTML、CSS、Javascript"><a href="#HTML、CSS、Javascript" class="headerlink" title="HTML、CSS、Javascript"></a>HTML、CSS、Javascript</h3><p>web服务器返回的数据，是一种HTML格式。</p>
<img src="/2018/12/06/springboot-web开发入门/html_desc.png" title="html desc">
<p>在Web开发中，我们要做的主要就是生成HTML文件。</p>
<p>HTML：<br><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&lt;html&gt;</span><br><span class="line">  &lt;head&gt;</span><br><span class="line">   &lt;title&gt;&lt;/title&gt;</span><br><span class="line">   &lt;link href=&apos;&apos;/&gt;</span><br><span class="line">  &lt;/head&gt;</span><br><span class="line">  &lt;body&gt;</span><br><span class="line">    &lt;p&gt;</span><br><span class="line">    test</span><br><span class="line">    &lt;button&gt;TEST&lt;/button&gt;</span><br><span class="line">    &lt;/p&gt;</span><br><span class="line">  &lt;/body&gt;</span><br><span class="line">  &lt;script src=&quot;&quot; /&gt;</span><br><span class="line">&lt;/html&gt;</span><br></pre></td></tr></table></figure></p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">-- css</span><br><span class="line">p &#123; background-color:green; &#125;</span><br><span class="line"></span><br><span class="line">--javascript</span><br></pre></td></tr></table></figure>
<h3 id="数据库"><a href="#数据库" class="headerlink" title="数据库"></a>数据库</h3><p>在创建动态页面的时候，我们需要与数据库交互，将所需的数据从数据库中取出，在生成页面的时候，将用户所需的数据替换到页面中。</p>
<img src="/2018/12/06/springboot-web开发入门/database_sql.png" title="sql database">
<h2 id="Java-Web开发概述"><a href="#Java-Web开发概述" class="headerlink" title="Java Web开发概述"></a>Java Web开发概述</h2><h3 id="使用Servlet开发"><a href="#使用Servlet开发" class="headerlink" title="使用Servlet开发"></a>使用Servlet开发</h3><p>Servlet是sun公司提供的一门用于开发动态web资源的技术。<br>　　Sun公司在其API中提供了一个servlet接口，用户若想用发一个动态web资源(即开发一个Java程序向浏览器输出数据)，需要完成以下2个步骤：</p>
<ul>
<li>编写一个Java类，实现servlet接口。</li>
<li>把开发好的Java类部署到web服务器中。<br>　　按照一种约定俗成的称呼习惯，通常我们也把实现了servlet接口的java程序，称之为Servlet</li>
</ul>
<p>一个示例 ： <a href="https://github.com/SHANGHAIXIPU/servlet-demo" target="_blank" rel="noopener">https://github.com/SHANGHAIXIPU/servlet-demo</a>  </p>
<h3 id="servlet-开发的优缺点"><a href="#servlet-开发的优缺点" class="headerlink" title="servlet 开发的优缺点"></a>servlet 开发的优缺点</h3><ol>
<li>Servlet是纯Java语言，擅长于处理流程和业务逻辑。接收前端数据返回响应。</li>
</ol>
<p>缺点：<br>使用servlet 开发很容易把代码写的混乱。</p>
<ol>
<li>web.xml配置量太多，不利于团队开发，在写每一个servlet在web.xml都要做相应的配置；</li>
<li>servlet具有容器依赖性，不利于单元测试；</li>
<li>servlet处理的请求很局限</li>
<li>JSP的优点是擅长于网页制作，生成动态页面比较直观，缺点是不容易跟踪与排错。</li>
</ol>
<h3 id="MVC架构开发"><a href="#MVC架构开发" class="headerlink" title="MVC架构开发"></a>MVC架构开发</h3><p>MVC是一种设计模式，也就是一种解决问题的方法和思路， 是上世纪80年代提出的，到现在已经颇有历史了。 MVC的意义在于指导开发者将数据与表现解耦，提高代码，特别是模型部分代码的复用性。</p>
<ul>
<li>Model是指数据模型，是对客观事物的抽象。 如一篇博客文章，我们可能会以一个Post类来表示，那么，这个Post类就是数据对象。 同时，博客文章还有一些业务逻辑，如发布、回收、评论等，这一般表现为类的方法，这也是model的内容和范畴。 对于Model，主要是数据、业务逻辑和业务规则。相对而言，这是MVC中比较稳定的部分，一般成品后不会改变。 开发初期的最重要任务，主要也是实现Model的部分。这一部分写得好，后面就可以改得少，开发起来就快。</li>
<li>View是指视图，也就是呈现给用户的一个界面，是model的具体表现形式，也是收集用户输入的地方。 如你在某个博客上看到的某一篇文章，就是某个Post类的表现形式。 View的目的在于提供与用户交互的界面。换句话说，对于用户而言，只有View是可见的、可操作的。 事实上也是如此，你不会让用户看到Model，更不会让他直接操作Model。 你只会让用户看到你想让他看的内容。 这就是View要做的事，他往往是MVC中变化频繁的部分，也是客户经常要求改来改去的地方。 今天你可能会以一种形式来展示你的博文，明天可能就变成别的表现形式了。</li>
<li>Contorller指的是控制器，主要负责与model和view打交道。 换句话说，model和view之间一般不直接打交道，view中不会对model作任何操作， model不会输出任何用于表现的东西，如HTML代码等。这俩甩手不干了，那总得有人来干吧，只能Controller上了。 Contorller用于决定使用哪些Model，对Model执行什么操作，为视图准备哪些数据，是MVC中沟通的桥梁。</li>
</ul>
<h3 id="使用SpringMVC-开发"><a href="#使用SpringMVC-开发" class="headerlink" title="使用SpringMVC 开发"></a>使用SpringMVC 开发</h3><h4 id="spring-介绍"><a href="#spring-介绍" class="headerlink" title="spring 介绍"></a>spring 介绍</h4><img src="/2018/12/06/springboot-web开发入门/spring_desc.jpg" title="spring desc">
<img src="/2018/12/06/springboot-web开发入门/spring_desc2.jpg" title="spring desc">
<h4 id="Springmvc"><a href="#Springmvc" class="headerlink" title="Springmvc"></a>Springmvc</h4><img src="/2018/12/06/springboot-web开发入门/mvc_desc.jpg" title="mvc desc">
<ol>
<li>存在一个统一的前端DispatchServlet,仍然需要在web.xml 中配置，他接收所有的request请求。</li>
<li>但是他并不自己处理这些请求，而是将其委托给Spring容器管理的一些java对象去处理(spring beans)</li>
<li>springbean 的主要的类型有：<ul>
<li>HandlerMapping： 处理访问地址与后台java对象间的关系，帮助找到正确的处理对象。</li>
<li>HandleAdapter: 帮助DispatchServlet去执行相应的方法，隐藏一些细节的处理</li>
<li>HandlerExceptionResolver ： 发生错误时如何处理，如跳转到出错页面</li>
<li>ViewResolver ： 解析字符串形式的view返回值，帮助正确找到对应的页面。</li>
</ul>
</li>
</ol>
<p>springmvc 详细文档： <a href="https://docs.spring.io/spring/docs/current/spring-framework-reference/web.html#mvc-controller" target="_blank" rel="noopener">springmvc 详细文档</a></p>
<h3 id="SpringBoot-入门"><a href="#SpringBoot-入门" class="headerlink" title="SpringBoot 入门"></a>SpringBoot 入门</h3><p>这里有一个更好的详细的springboot 说明资料  <a href="https://www.bysocket.com/?p=1929" target="_blank" rel="noopener">springboot 说明</a></p>
<p><a href="https://github.com/JeffLi1993/springboot-learning-example" target="_blank" rel="noopener">https://github.com/JeffLi1993/springboot-learning-example</a></p>

      
    </div>
    <footer class="article-footer">
      <a data-url="http://flyleave.gitee.com/2018/12/06/springboot-web开发入门/" data-id="cjz3yyk0h000ph8vcctdjb58o" class="article-share-link">Share</a>
      
      
  <ul class="article-tag-list"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/springboot/">springboot</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/web开发/">web开发</a></li></ul>

    </footer>
  </div>
  
    
<nav id="article-nav">
  
    <a href="/2018/12/11/工业大数据理解/" id="article-nav-newer" class="article-nav-link-wrap">
      <strong class="article-nav-caption">Newer</strong>
      <div class="article-nav-title">
        
          工业大数据理解
        
      </div>
    </a>
  
  
    <a href="/2018/11/28/招标文件技术部分书写总结/" id="article-nav-older" class="article-nav-link-wrap">
      <strong class="article-nav-caption">Older</strong>
      <div class="article-nav-title">招标文件技术部分书写总结</div>
    </a>
  
</nav>

  
</article>

</section>
        
          <aside id="sidebar">
  
    
  <div class="widget-wrap">
    <h3 class="widget-title">分类</h3>
    <div class="widget">
      <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/解决方案/">解决方案</a><ul class="category-list-child"><li class="category-list-item"><a class="category-list-link" href="/categories/解决方案/演讲/">演讲</a></li></ul></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">标签</h3>
    <div class="widget">
      <ul class="tag-list"><li class="tag-list-item"><a class="tag-list-link" href="/tags/MES/">MES</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/springboot/">springboot</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/web开发/">web开发</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/会议纪要/">会议纪要</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/参考/">参考</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/发展规划/">发展规划</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/可行性分析/">可行性分析</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/大数据/">大数据</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/大纲/">大纲</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/学习/">学习</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/实施方案/">实施方案</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/工业大数据/">工业大数据</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/工作/">工作</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/工作周报/">工作周报</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/年度总结/">年度总结</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/总结/">总结</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/技术协议/">技术协议</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/招标/">招标</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/方案/">方案</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/日报/">日报</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/申请书/">申请书</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/解决方案/">解决方案</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/设备监控/">设备监控</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">标签云</h3>
    <div class="widget tagcloud">
      <a href="/tags/MES/" style="font-size: 10px;">MES</a> <a href="/tags/springboot/" style="font-size: 10px;">springboot</a> <a href="/tags/web开发/" style="font-size: 10px;">web开发</a> <a href="/tags/会议纪要/" style="font-size: 10px;">会议纪要</a> <a href="/tags/参考/" style="font-size: 10px;">参考</a> <a href="/tags/发展规划/" style="font-size: 10px;">发展规划</a> <a href="/tags/可行性分析/" style="font-size: 15px;">可行性分析</a> <a href="/tags/大数据/" style="font-size: 10px;">大数据</a> <a href="/tags/大纲/" style="font-size: 15px;">大纲</a> <a href="/tags/学习/" style="font-size: 10px;">学习</a> <a href="/tags/实施方案/" style="font-size: 10px;">实施方案</a> <a href="/tags/工业大数据/" style="font-size: 10px;">工业大数据</a> <a href="/tags/工作/" style="font-size: 10px;">工作</a> <a href="/tags/工作周报/" style="font-size: 10px;">工作周报</a> <a href="/tags/年度总结/" style="font-size: 10px;">年度总结</a> <a href="/tags/总结/" style="font-size: 20px;">总结</a> <a href="/tags/技术协议/" style="font-size: 10px;">技术协议</a> <a href="/tags/招标/" style="font-size: 10px;">招标</a> <a href="/tags/方案/" style="font-size: 10px;">方案</a> <a href="/tags/日报/" style="font-size: 10px;">日报</a> <a href="/tags/申请书/" style="font-size: 10px;">申请书</a> <a href="/tags/解决方案/" style="font-size: 10px;">解决方案</a> <a href="/tags/设备监控/" style="font-size: 10px;">设备监控</a>
    </div>
  </div>

  
    
  <div class="widget-wrap">
    <h3 class="widget-title">归档</h3>
    <div class="widget">
      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/08/">八月 2019</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/03/">三月 2019</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/01/">一月 2019</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/12/">十二月 2018</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/11/">十一月 2018</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/08/">八月 2018</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2018/07/">七月 2018</a></li></ul>
    </div>
  </div>


  
    
  <div class="widget-wrap">
    <h3 class="widget-title">最新文章</h3>
    <div class="widget">
      <ul>
        
          <li>
            <a href="/2019/08/09/软件部工作方向/">软件部工作方向</a>
          </li>
        
          <li>
            <a href="/2019/08/07/电机三期MES内容整理及讨论/">电机三期MES内容整理及讨论</a>
          </li>
        
          <li>
            <a href="/2019/03/13/大赛及电机二期系统开发框架/">大赛及电机二期系统开发框架</a>
          </li>
        
          <li>
            <a href="/2019/03/13/项目申请书大纲/">项目申请书大纲</a>
          </li>
        
          <li>
            <a href="/2019/03/08/出题思路/">出题思路</a>
          </li>
        
      </ul>
    </div>
  </div>

  
</aside>
        
      </div>
      <footer id="footer">
  
  <div class="outer">
    <div id="footer-info" class="inner">
      &copy; 2019 孙其伟<br>
      Powered by <a href="http://hexo.io/" target="_blank">Hexo</a>
    </div>
  </div>
</footer>
    </div>
    <nav id="mobile-nav">
  
    <a href="/" class="mobile-nav-link">Home</a>
  
    <a href="/archives" class="mobile-nav-link">Archives</a>
  
</nav>
    

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>


  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css">
  <script src="/fancybox/jquery.fancybox.pack.js"></script>


<script src="/js/script.js"></script>



  </div>
</body>
</html>